import { FC } from 'react'
import './index.less'
import MusicListHeader from './components/header/header'
import MusicListFooter from './components/footer/footer'
import MusicListSide from './components/side/side'
import MusicListContent from './components/content/content'

const MusicList: FC = () => {
  return (
    <div className="music-list">
      <MusicListHeader />
      <div className="music-list-body">
        <div className="music-list-body-side">
          <MusicListSide />
        </div>
        <div className="music-list-body-content">
          <MusicListContent />
        </div>
      </div>
      <MusicListFooter />
    </div>
  )
}
export default MusicList
